<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload=function(){
            /*
                键盘事件：
                    onkeydown
                        -按键按下
                        -如果一直按着不松手，事件会一直触发
                        -连续触发时，第一次和第二次之间间隔时间会长一点，其他的会非常的快
                    onkeyup
                        -按键松开
                
                键盘事件一般都会绑定给一些可以获取到焦点的对象或者是document
            */
            document.onkeydown=function(event){
                event=event || window.event;
                /*
                    可以通过keyCode来获取按键的编码
                    通过它可以判断哪个按键被按下
                    除了keyCode,事件对象中还提供了几个属性
                    altkey
                    ctrlkey
                    shiftkey
                        -这三个用来判断alt ctrl shift是否被按下
                */
                // console.log(event.keyCode);
                if(event.keyCode===89 && event.ctrlKey){
                    console.log("ctrl和y都被按下了");
                }
            };
            // document.onkeyup=function(){
            // };

            //获取input
            var input=document.getElementsByTagName("input")[0];
            input.onkeydown=function(event){
                event=event || window.event;
                //数字的keyCode是  48 -57
                if(event.keyCode>=48 && event.keyCode<=57){
                    return false;
                }
                console.log("按键被按下了");
            }
            //使文本框中不能输入数字

            //在文本框中输入内容，属于onkeydown的默认行为
            //如果在onkeydown中取消了默认行为，则输入的内容，不会出现在文本框中
        };
    </script>
</head>
<body>
    <input type="text">
    <!-- <div id="box1" style="width: 100px; height: 100px;background-color: red;"></div> -->
</body>
</html>